@mixin font-size($font-size){
    font-size: $font-size;
}
@mixin text-align($text-align:center){
    text-align: $text-align;
}
@mixin text-color($primary){
  color: $primary;
}
%text-primary{
    @include text-color($primary);
}
%text-white{
    @include text-color($white);
}
%text-secondary{
    @include text-color($secondary);
}
%font-size-12{
   @include font-size(12px); 
}
%font-size-14{
   @include font-size(14px); 
}
%font-size-16{
   @include font-size(16px); 
}
%font-size-18{
   @include font-size(18px); 
}
%font-size-20{
   @include font-size(20px); 
}
%font-size-24{
   @include font-size(24px); 
}
%font-size-48{
   @include font-size(48px); 
}
%font-size-144{
    @include font-size(144px); 
 }
 %text-align-center{
    @include text-align
}
 %text-align-right{
    @include text-align(right)
}
.font-size-12{
    @extend %font-size-12
}
.font-size-14{
    @extend %font-size-14
}
.font-size-16{
    @extend %font-size-16
}
.font-size-18{
    @extend %font-size-18
}
.font-size-20{
    @extend %font-size-20
}
.font-size-24{
    @extend %font-size-24
}
.font-size-48{
    @extend %font-size-48
}
.font-size-144{
    @extend %font-size-144
}

.text-align-center{
    @extend %text-align-center
}
.text-align-right{
    @extend %text-align-right
}
.text-primary{
    @extend %text-primary
}
.text-secondary{
    @extend %text-secondary
}
.text-white{
    @extend %text-white
}
.no-border{
    border: none;
    outline: 0;
}